*.un-select {
    -moz-user-select: -moz-none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

body {
    font-size: 13px;
}

*, :after, :before {
    box-sizing: border-box;
}

img {
    width: auto \9;
    height: auto;
    max-width: 100%;
    vertical-align: middle;
    border: 0;
    -ms-interpolation-mode: bicubic;
}

textarea {
    border-width: 1px !important;
}

@font-face {
    font-family: "iconfont";
    src: url('icon/iconfont.eot?t=1458793852'); /* IE9*/
    src: url('icon/iconfont.eot?t=1458793852#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('icon/iconfont.woff?t=1458793852') format('woff'), /* chrome, firefox */ url('icon/iconfont.ttf?t=1458793852') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/ url('icon/iconfont.svg?t=1458793852#iconfont') format('svg'); /* iOS 4.1- */
}

img.rotate1 {
    transform: rotate(90deg);
}

img.rotate2 {
    transform: rotate(180deg);
}

img.rotate3 {
    transform: rotate(270deg);
}

img.rotate4 {
    transform: rotate(360deg);
}

.iconfont {
    font-family: "iconfont" !important;
    font-size: 13px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
}

.icon-huidaodingbu:before {
    content: "\e600";
}

.icon-yidongdao:before {
    content: "\e640";
}

.icon-gongxiang:before {
    content: "\e63c";
}

.icon-chuangyi:before {
    content: "\e601";
}

.icon-yewubaobiao:before {
    content: "\e602";
}

.icon-lamb:before {
    content: "\e603";
}

.icon-dangan:before {
    content: "\e623";
}

.icon-gongzuoliucheng:before {
    content: "\e604";
}

.icon-danganguanli:before {
    content: "\e62a";
}

.icon-tanhaojiasanjiao:before {
    content: "\e622";
}

.icon-liuchengfaqi:before {
    content: "\e625";
}

.icon-naozhonglingsheng:before {
    content: "\e62e";
}

.icon-line3:before {
    content: "\e63a";
}

.icon-tupian:before {
    content: "\e638";
}

.icon-task:before {
    content: "\e61d";
}

.icon-fix_process:before {
    content: "\e605";
}

.icon-fanhuidingbu:before {
    content: "\e606";
}

.icon-xiao11:before {
    content: "\e620";
}

.icon-chakanyewuliucheng:before {
    content: "\e607";
}

.icon-renwu:before {
    content: "\e621";
}

.icon-mdliucheng:before {
    content: "\e608";
}

.icon-uptop:before {
    content: "\e609";
}

.icon-xinwen:before {
    content: "\e60a";
}

.icon-guolv:before {
    content: "\e641";
}

.icon-13shanchufujian:before {
    content: "\e62f";
}

.icon-shanchu:before {
    content: "\e63b";
}

.icon-at:before {
    content: "\e645";
}

.icon-fujian:before {
    content: "\e630";
}

.icon-pinglun:before {
    content: "\e629";
}

.icon-yuangongdangan:before {
    content: "\e60b";
}

.icon-xinwen1:before {
    content: "\e624";
}

.icon-jia:before {
    content: "\e62c";
}

.icon-biaoqingwunai2:before {
    content: "\e61a";
}

.icon-idea:before {
    content: "\e60c";
}

.icon-yewujindu:before {
    content: "\e60d";
}

.icon-chanpinxiangqingyefujian:before {
    content: "\e631";
}

.icon-yonghuzhongxinshanghuidongtai:before {
    content: "\e60e";
}

.icon-14liuchengtu:before {
    content: "\e60f";
}

.icon-shanchu1:before {
    content: "\e63d";
}

.icon-icon27:before {
    content: "\e62d";
}

.icon-faxian-on:before {
    content: "\e639";
}

.icon-danganguanli1:before {
    content: "\e610";
}

.icon-heilongjiangtubiao02:before {
    content: "\e632";
}

.icon-liuchengshenqingyemian:before {
    content: "\e611";
}

.icon-yunyingpan:before {
    content: "\e642";
}

.icon-xiangmu:before {
    content: "\e626";
}

.icon-danganliebiao:before {
    content: "\e61f";
}

.icon-iconfontz040:before {
    content: "\e612";
}

.icon-7duihao:before {
    content: "\e636";
}

.icon-yewuyeicon05:before {
    content: "\e61b";
}

.icon-jiantou:before {
    content: "\e635";
}

.icon-idea1:before {
    content: "\e613";
}

.icon-icon2:before {
    content: "\e63e";
}

.icon-renwu3:before {
    content: "\e61e";
}

.icon-ziliucheng:before {
    content: "\e614";
}

.icon-icidea:before {
    content: "\e615";
}

.icon-iconliucheng:before {
    content: "\e627";
}

.icon-jiantou-s-r:before {
    content: "\e637";
}

.icon-suo:before {
    content: "\e628";
}

.icon-yewutongji-copy:before {
    content: "\e616";
}

.icon-woderenwu:before {
    content: "\e633";
}

.icon-danganguanli2:before {
    content: "\e617";
}

.icon-yewuc:before {
    content: "\e618";
}

.icon-caiwu:before {
    content: "\e634";
}

.icon-huidaodingbu1:before {
    content: "\e619";
}

.icon-meiyousoudaoxinxi:before {
    content: "\e61c";
}

.icon-danganguanli-copy:before {
    content: "\e62b";
}

.icon-naozhong:before {
    content: "\e63f";
}

.icon-sanjiao1:before {
    content: "\e644";
}

.icon-yidongdao-copy:before {
    content: "\e643";
}

.icon-max {
    font-size: 15px;
}

.nav > li > a:focus {
    background: none;
}

.text-orange {
    color: #ff9800;
}

.bg-orange {
    background-color: #ff9800;
}

.panel-orange {
    border-color: #FDE3C2;
}

.panel-orange > .panel-heading {
    color: #ff9800;
    background-color: #FBE9D0;
    border-color: #FDE3C2;
}

.top-orange {
    border-top-width: 3px !important;
    border-top-color: #ff9800 !important;
}

.top-danger {
    border-top-width: 3px !important;
    border-top-color: #f05050 !important;
}

.info-panel {
    margin: 15px;
    padding: 15px;
    background-color: #fff;
    border: 1px solid #ddd;
}

.text-crude {
    font-weight: 500;
}

.news-tabs {
    margin-top: 35px;
    border-radius: 2px 2px 0 0;
    background-color: #fff;
    border: 1px solid #dee5e7;
    box-sizing: border-box;
    border-bottom: 2px solid #dee5e7;
}

.news-tabs .nav-tabs {
    border: none;
    height: 36px;
}

.news-tabs .nav-tabs > li > a {
    border: none;
    background: none;
    color: #999;
    height: 38px;
    line-height: 38px;
    padding: 0 15px;
}

.news-tabs .nav-tabs > li.active > a {
    border: none;
    background-color: transparent;
    color: #000;
    border-bottom: 2px solid #23B7E5 !important;
}

.news-tabs .nav > li > a:hover, .news-tabs .nav > li > a:focus {
    background-color: transparent;
    border: none;
    color: #707070;
}

.search-input #searchNewsText {
    height: 28px;
    position: absolute;
    right: 5px;
    top: 5px;
    width: 200px;
    /*min-width: 200px;*/
    transition-property: width;
    transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    background-color: #F1F1F1;
    border-radius: 500px;
    font-size: 12px;
    border: none;
}

.settings > .btn {
    display: none;
}

.slider-news {
    padding: 20px 20px 0 0;
    /*background-color: #fff;*/
    /*box-shadow: -1px 0 1px 1px rgba(232, 232, 232, 0.85);*/
    /*border: 1px solid #dee5e7;*/
    border-top: none;
    border-right: none;
}

.app-footer {
    padding: 10px 15px;
    background-color: #fff;
}

.comment-line {
    margin: 25px 0;
    border-bottom: 1px solid #E0E0E0;
}

.comment.panel {
    margin-bottom: 5px;
}

.publish-news.panel,
.comment.panel {
    box-shadow: none;
}

.publish-news .panel-footer,
.comment .panel-footer {
    padding: 2px;
    background-color: #fff;
}

.publish-news .panel-footer:not(.action) {
    padding: 10px;
}

.publish-news textarea,
.comment.panel textarea {
    resize: none;
    border-radius: 0;
}

.publish-news .form-control:focus,
.comment .form-control:focus {
    border-color: rgba(255, 255, 255, 0.22);
}

.publish-news .panel-footer .pull-right,
.comment .panel-footer button {
    margin-top: 1px;
    margin-right: 2px;
}

.publish-news .panel-footer .pull-right .drop-btn {
    border: none;
    box-shadow: none;
    background: none;
}

.publish-news .panel-footer .pull-right .drop-btn span {
    height: 30px;
    line-height: 30px;
    display: inline-block;
}

.publish-news .panel-footer .pull-right .drop-btn span.caret {
    height: 3px;
}

.publish-news .panel-footer .pull-right .btn.publish {
    width: 64px;
}

.publish-news .action.panel-footer .dropdown-menu {
    font-size: 12px;
}

.comment-wrap .content.panel {
    margin-bottom: 10px;
}

.slider-news .panel {
    border: none;
}

.slider-news .panel .panel-heading {
    background-color: #fff;
}

.slider-news .records {
    padding: 0 10px;
    background-color: #fff;
}

.slider-news .panel,
.slider-news .records {
    border: 1px solid #dee5e7;
    border-radius: 2px;
}

/*.search-input #searchNewsText:focus {*/
/*width: 350px;*/
/*}*/

.search-input .search-btn {
    background-color: #fff;

}

.news-list {
    padding: 0px;
    /*margin-top: 4px;*/

    /*border: 1px solid #dee5e7;*/
    border-top: 0;
    overflow: auto;
    /*background-color: #fff;*/
}

.news-list > ul {
    list-style: none;
    padding: 0;
}

.news-list a {
    color: #23b7e5;
}

.news-list a:hover {
    color: #19a9d5;
}

.news-list li:not(:first-child):not(:nth-child(2)) {
    border-top: 1px solid #e6e5e5;
}

.news-tools li a {
    color: #adadad;
}

.news-tools li a:hover {
    background-color: #eee;
    border-radius: 2px;
    color: #adadad;
}

.news-list .comment-tools a {

}

.news-list .comment-tools a:hover {
    color: #141719;
}

.news-list .comment-tools i:hover, i:focus {
    color: #141719 !important;
}

.chosen-container-multi .chosen-choices li.search-field input[type="text"] {
    width: 100% !important;
}

.chosen-container {
    width: 100% !important;
}

.select2-container {
    width: 100% !important;
}

.select2-container--default .select2-search--inline .select2-search__field {
    padding-top: 3px;
}

.panel-footer .input-group .select2-container--default .select2-selection--multiple {
    border-top-left-radius: 0;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 0;
    height: 34px;
}

.participants .panel-footer .input-group .select2-container--default .select2-selection--multiple {
    border-top-left-radius: 2;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2;
    height: 35px;
}

.select2-container--default .select2-selection--multiple {
    border-radius: 2px;
}

.list-group-item:last-child {
    margin-bottom: 0;
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px;
}

.list-group-item:first-child {
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
    padding: 0;
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
    border: solid #23b7e5 1px;

}

.select2-container--default .select2-selection--multiple {
    border: 1px solid #cbd5dd;
    padding: 0 5px;
}

.select2-dropdown {
    border-radius: 1px;
}

.attachs > .btn {
    display: initial;
}

.a-upload:hover {
    background-color: #19a9d5;
    border-color: #189ec8;
}

.a-i-upload {
    font-weight: 500;
    border-radius: 2px;
    outline: 0 !important;
    padding: 5px 12px;
    font-size: 12px;
    line-height: 20px;
    display: inline-block;
    margin-bottom: 0;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-decoration: none;
    position: relative;
    overflow: hidden;
}

.a-i-upload input {
    position: absolute;
    font-size: 100px;
    right: 0;
    top: 0;
    opacity: 0;
    width: 100% !important;
    height: 100% !important;
}

.i-checks > i {
    width: 15px;
    height: 15px;
}

.i-checks input:checked + i:before {
    width: 6px;
    height: 6px;
}

.news-list .img-list-view {
    height: 107px;
    width: 171px;
    text-align: center;
    display: inline-block;
    margin-right: 10px;
}

.news-list .file-list-view a {
    color: #a979d1;
}

.news-list .file-list-view a:hover {
    color: #286090;
}

.news-list .participants {
    position: absolute;
    border: 1px solid #cccccc;
    width: 310px;
    padding: 10px;
    box-sizing: border-box;
    border-radius: 2px;
    box-shadow: 0px 0 1px 1px #cccccc;
    background: #fff;
    z-index: 1006;
    max-height: 300px;
    overflow: auto;
}

.news-list .list-group-item {
    padding: 5px 10px;
    min-height: 48px;
}

.news-list .panel-heading {
    padding: 6px 10px 5px;
    background-color: #FDFDFD;
}

.news-list .no-news {
    display: inline-block;
    width: 100%;
    padding-top: 20px;
}

.news-list .news {
    display: block;
    width: 100%;
    padding: 10px;
    padding-left: 40px;
    overflow: hidden;
    /*float: left;*/
    border: 1px solid #dee5e7;
    margin-bottom: 10px;
    background-color: #fff;
    border-radius: 2px;
}

.news-list .news:first-child {
    border-top: none;
}

.input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group {
    margin-left: 0;
}

.records.wrapper {
    padding: 30px 15px;
    margin: 0;
}

.contact-box {
    background-color: #fff;
    border: 1px solid #e7eaec;
    padding: 15px;
    margin-bottom: 30px;
    height: 150px;
    border-radius: 2px;
    cursor: pointer;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition: box-shadow ease-in-out 218ms, -webkit-transform 218ms ease-in-out;
    transition: box-shadow ease-in-out 218ms, transform 218ms ease-in-out;
}

.contact-box:hover {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
    box-shadow: 0 7px 21px rgba(0, 0, 0, .15);
}

.contact-box .desc {
    margin-top: 1.5em;
}

.font-logo {
    width: 50px;
    height: 50px;
    color: #fff;
    text-align: center;
    padding-top: 12px;
    font-size: 18px;
    border-radius: 50%;
}

.mini-listbox {
    z-index: 1090 !important;
}

.related-info .tab-content {
    padding: 0px;
}

.tree-label {
    font-size: 13px;
}

ul.abn-tree li.abn-tree-row {
    line-height: 2;
}

.avatar {
    box-sizing: content-box \9;
}

.avatar img {
    width: 100%;
    height: 100%;
}

.avatar > .image {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    overflow: hidden;
    display: inline-block;
    vertical-align: middle;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.slider-news .avatar {
    width: 78px;
    height: 78px;
}

.thumb {
    width: 50px;
    height: 50px;
}

.thumb-sm {
    width: 40px;
    height: 40px;
}

.thumb-lg {
    width: 96px;
    height: 96px;
}

.thumb-xs {
    width: 34px;
    height: 34px;
}

.table td {
    vertical-align: middle !important;
}

.document-icon {
    width: 38px;
    display: inline-block;
    height: 38px;
    text-align: center;
    vertical-align: middle;
    padding-top: 8px;
}

.search-highlight {
    background-color: #FAD733;
    border-radius: 2px;
    padding-left: 2px;
    padding-right: 2px;
    color: #fff;
}

.btn-a {
    font-weight: 500;
}

.btn-a i {
    font-size: 15px;
    vertical-align: middle;
    margin-right: 3px;
}

.btn-a span {
    vertical-align: middle;
}

.label {
    border-radius: 2px !important;
}

table th {
    white-space: nowrap;
}

::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

::-webkit-scrollbar-track {
    /*-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);*/
    border-radius: 0;
    background: rgba(0, 0, 0, 0);
}

::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    background: #959595;
}

::-webkit-scrollbar-thumb:hover {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    background: rgb(118, 118, 118);
}

.td-loading {
    padding: 0;
    height: 150px;
    background-image: url('/suite/app/img/loading.gif');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 30px;
}

.div-loading {
    padding: 0;
    height: 400px;
    background-image: url('/suite/app/img/loading.gif');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 30px;
    overflow: hidden;
}

.table-striped > tbody > tr:hover {
    background-color: #EAEAEA;
    cursor: pointer;
}

.table-striped > tbody > tr:hover > td, .table-striped > tbody > tr:hover > th {
    background-color: transparent;
}

.abn-tree-row.active .filter-close {
    padding: 6px 4px;
}

li.active .filter-close {
    display: block;
}

li .filter-close {
    display: none;
}

.console-step {
    height: 28px;
    position: relative;
    margin-left: 0;
    margin-right: 0;
    width: 100%;
}

.console-step .step {
    font-size: 14px;
    height: 28px;
    line-height: 28px;
    color: #fff;
    background: #cacaca;
    z-index: 1;
    text-align: center;
    display: table-cell;
    width: auto;
    position: relative;
    padding: 0 20px;
}

.console-step .step > span {
    position: relative;
    left: -7px;
}

.console-step .step:before {
    content: '';
    display: block;
    position: absolute;
    left: -14px;
    z-index: 8;
    top: 0;
    border-top: 14px solid #cacaca;
    border-left: 14px solid transparent !important;
    border-bottom: 14px solid #cacaca;
}

.console-step .step:after {
    content: '';
    display: block;
    width: 18px;
    height: 28px;
    position: absolute;
    right: 0px;
    z-index: 9;
    top: 0px;
    border-top: 14px solid transparent !important;
    border-left: 14px solid #cacaca;
    border-bottom: 14px solid transparent !important;
    background-color: #FFF;
}

.console-step .step:first-child {
    border-radius: 2px 0 0 2px;
}

.console-step .step:last-child {
    border-radius: 0 2px 2px 0;
}

.console-step .step:first-child:before {
    display: none
}

.console-step .step:last-child:after {
    display: none
}

.console-step .step-pass:before,
.console-step .step-pass:after {
    border-color: #4CCAE8;
}

.console-step .step-pass {
    background-color: #4CCAE8;
}

.console-step .step-active {
    background-color: #27c24c;
}

.console-step .step-active:before,
.console-step .step-active:after {
    border-color: #27c24c;
}

#wizard {
    position: relative;
    z-index: 1;
    height: 28px;
    width: 100%;
    overflow: hidden;
    -ms-touch-action: none;
}

#scroller {
    position: absolute;
    z-index: 1;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    width: 1500px;
    height: 28px;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    -ms-text-size-adjust: none;
    -o-text-size-adjust: none;
    text-size-adjust: none;
}

#scroller:hover {
    cursor: move;
}

.processdetail-info .tab-container .tab-content {
    padding: 5px !important;
}

.process-list {
    padding: 10px;
}

.process-list > .process-item {
    position: relative;
    display: block;
    float: left;
    margin: 10px;
    width: 160px;
    height: 80px;
    background-color: #23b7e5;
    border-radius: 2px;
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .0470588);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.process-list > .process-item:hover {
    /*-webkit-transform: translate3d(0, -5px, 0);*/
    /*transform: translate3d(0, -5px, 0);*/
    /*box-shadow: 0 7px 21px rgba(0, 0, 0, .15);*/
    transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    box-shadow: 0 1px 15px rgba(0, 0, 0, .3);
    cursor: pointer;
}

.process-list > .process-item > .favorite {
    opacity: 0;
    position: absolute;
    right: 8px;
    top: 8px;
    color: #fad733;
    font-size: 15px;
    transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
}

.process-list > .process-item:hover > .favorite:not(.active),
.process-list > .process-item > .favorite.active {
    opacity: 1;
}

.process-list > .process-item > .name {
    padding: 8px 26px 3px 10px;
    font-size: 16px;
    color: #fff;
    font-weight: 500;
}

.process-list > .process-item > .desc {
    padding: 0 10px;
    color: #E6E6E6;
}

.process-list > .process-item > .process-icon {
    position: absolute;
    right: 15px;
    bottom: 8px;
    width: auto;
    height: auto;
    border-radius: 10px;
    box-sizing: border-box;
}

.process-list > .process-item > .process-icon > .iconfont {
    font-size: 45px;
    width: 100%;
    line-height: 45px;
    text-align: center;
    color: rgba(255, 255, 255, 0.15);
    transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
}

.process-list > .process-item:hover > .process-icon > .iconfont {
    color: rgba(255, 255, 255, 0.3);
}

.process-list > .process-item:hover > .desc {
    color: #fff;
}

.abn-tree.nav > li:not(.active) > a:hover {
    background-color: transparent;
    color: #19a9d5;
}

.abn-tree.nav > li > a:focus {
    background-color: #19a9d5;
    color: #fff;
}

.app-content-body {
    padding-bottom: 34px !important;
}

.create-document-form-control {
    display: table;
    width: 100%;
}

.create-document-form-control i {
    font-size: 23px;
    line-height: 10px;
    vertical-align: middle;
    display: table-cell;
}

.create-document-form-control input {
    display: table-cell;
    width: 60%;
    vertical-align: middle;
    height: 30px;
}

.create-document-form-control select {
    display: table-cell;
    width: 60%;
    vertical-align: middle;
    height: 30px;
}

.create-document-form-control button {
    display: table-cell;
    width: 60px;
}

.table.document-list tr td.actions a {
    opacity: 0;
    transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
}

.table.document-list tr:hover td.actions a {
    opacity: 1;
}

.modal .modal-dialog.previewer {
    position: relative;
    width: auto;
    height: 100%;
    padding: 50px 0;
    margin: 0 60px;
    background-color: transparent;
}

.modal iframe {
    border: none;
    height: 100%;
    width: 100%
}

.previewer [rotate=left360] {
    -webkit-transform: rotate(-1turn);
    transform: rotate(-1turn)
}

.previewer [rotate=left270] {
    -webkit-transform: rotate(-270deg);
    transform: rotate(-270deg)
}

.previewer [rotate=left180] {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

.previewer [rotate=left90] {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.previewer [rotate=normal] {
    -webkit-transform: rotate(0);
    transform: rotate(0)
}

.previewer [rotate=right90] {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.previewer [rotate=right180] {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.previewer [rotate=right270] {
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg)
}

.previewer [rotate=right360] {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn)
}

.previewer .previewer-content {
    border-radius: 3px;
    background-color: rgba(0, 0, 0, .57);
    position: relative;
    width: 100%;
    height: 100%;
    box-shadow: none;
    border: none;
    /*overflow: hidden*/
}

.previewer .previewer-content .previewer-content-image-wrapper, .previewer .previewer-content .thumbnails-previewer li > div {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center
}

.previewer .previewer-content .thumbnails-previewer {
    position: relative;
    display: block;
    width: 100%;
    height: 100%
}

.previewer .previewer-content .thumbnails-previewer > li {
    float: left;
    padding: 10px
}

.previewer .previewer-content .thumbnails-previewer > li > div {
    width: 100%;
    height: 100%;
    background-color: #131313
}

.previewer .previewer-content .thumbnails-previewer > li > div > div {
    width: 100%;
    height: 100%;
    margin: 0 auto;
    background-repeat: no-repeat;
    background-position: 50%
}

.previewer .previewer-content .thumbnails-previewer > li > div div.file-thumbnail {
    display: table-cell;
    color: #fff;
    text-align: center;
    vertical-align: middle
}

.previewer .previewer-content .thumbnails-previewer .previewer-map-btn {
    position: relative;
    cursor: pointer
}

.previewer .previewer-content .thumbnails-previewer .previewer-map-btn.work .work-thumbnail {
    width: 100%;
    height: 100%;
    padding: 0 20px 40px
}

.previewer .previewer-content .thumbnails-previewer .previewer-map-btn .work-title {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0
}

.previewer .previewer-content .cancel-chat-previewer {
    position: absolute;
    top: 18px;
    right: 15px;
    width: 24px;
    height: 24px;
    font-size: 12px;
    line-height: 24px;
    text-align: center;
    z-index: 2
}

.previewer .previewer-content .cancel-chat-previewer:hover {
    color: #fff
}

.previewer .previewer-content .previewer-content-image-wrapper {
    position: absolute;
    top: 0;
    right: 400px;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, .57);
    border-radius: 3px 0 0 3px
}

.previewer .previewer-content .previewer-content-image-wrapper.only-file {
    right: 0;
    border-radius: 3px
}

.previewer .previewer-content .previewer-content-image-wrapper .work .work-thumbnail {
    font-size: 15px;
    background-color: #c6c6d2;
    margin: 0 auto;
    width: 230px;
    height: 230px
}

.previewer .previewer-content .previewer-content-image-wrapper .work .work-title {
    width: 230px;
    margin: 0 auto
}

.previewer .previewer-content .previewer-content-image-wrapper .loading-indicator {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -20px;
    margin-left: -24px
}

.previewer .previewer-content .previewer-content-image-wrapper .pdf-previewer, .previewer .previewer-content .previewer-content-image-wrapper .text-previewer {
    width: 100%;
    height: 100%
}

.previewer .previewer-content .previewer-content-image-wrapper .pdf-previewer iframe, .previewer .previewer-content .previewer-content-image-wrapper .pdf-previewer object {
    position: relative;
    z-index: 0 !important
}

.previewer .previewer-content .previewer-content-image-wrapper .text-previewer {
    overflow-y: auto;
    -webkit-overflow-scrolling: touch
}

.previewer .previewer-content .previewer-content-image-wrapper .text-previewer > pre {
    min-height: 100%;
    margin: 0;
    border-radius: 0
}

.previewer .previewer-content .previewer-content-image-wrapper .img-previewer {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
    text-align: center;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain
}

.previewer .previewer-content .previewer-content-image-wrapper .img-previewer .img-previewer-wrap {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.previewer .previewer-content .previewer-content-image-wrapper .img-previewer .img-previewer-wrap img {
    max-width: 900px;
    max-height: 1145px
}

@media screen and (max-width: 1420px) {
    .previewer .previewer-content .previewer-content-image-wrapper .img-previewer .img-previewer-wrap img {
        max-width: calc(100vw - 520px)
    }
}

@media screen and (max-height: 1345px) {
    .previewer .previewer-content .previewer-content-image-wrapper .img-previewer .img-previewer-wrap img {
        max-height: calc(100vh - 201px)
    }
}

@media screen and (max-height: 1080px) {
    .previewer .previewer-content .previewer-content-image-wrapper .img-previewer .img-previewer-wrap img {
        max-height: calc(100vh - 101px)
    }
}

.previewer .previewer-content .previewer-content-image-wrapper .img-previewer .img-preview-toolbar {
    padding: 6px;
    position: relative;
    left: 0;
    right: 0;
    display: inline-block;
    z-index: 9999;
    cursor: default;
    background: rgba(0, 0, 0, .6);
    font-size: 0;
    line-height: 0;
    opacity: 0;
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.previewer .previewer-content .previewer-content-image-wrapper .img-previewer .img-preview-toolbar .img-rotate {
    padding: 0 10px;
    display: inline-block;
    width: 50%;
    font-size: 14px;
    line-height: 18px;
    white-space: nowrap;
    cursor: pointer
}

.previewer .previewer-content .previewer-content-image-wrapper .img-previewer .img-preview-toolbar .img-rotate:first-of-type {
    border-right: 1px solid hsla(0, 0%, 100%, .12)
}

.previewer .previewer-content .previewer-content-image-wrapper .img-previewer .img-preview-toolbar .img-rotate span {
    padding: 0 2px;
    color: #fff
}

.previewer .previewer-content .previewer-content-image-wrapper .img-previewer:hover .img-preview-toolbar {
    opacity: 1
}

.previewer .previewer-content .previewer-content-image-wrapper .img-previewer img.rotate1,
.previewer .previewer-content .previewer-content-image-wrapper .img-previewer img.rotate2,
.previewer .previewer-content .previewer-content-image-wrapper .img-previewer img.rotate3,
.previewer .previewer-content .previewer-content-image-wrapper .img-previewer img.rotate4 {
    /*-webkit-transition: .3s;*/
    /*transition: .3s*/
}

.previewer .previewer-content .previewer-content-image-wrapper .img-previewer img.transition-ctrl {
    -webkit-transition: 0ms;
    transition: 0ms
}

/*.previewer .previewer-content .previewer-content-image-wrapper .img-previewer img:hover {*/
/*cursor: zoom-in;*/
/*cursor: -o-zoom-in;*/
/*cursor: -webkit-zoom-in*/
/*}*/

.previewer .previewer-content .previewer-content-image-wrapper .video-previewer {
    height: 100%;
    width: 100%
}

.previewer .previewer-content .previewer-content-image-wrapper .video-previewer .video-previewer-wrap {
    position: relative;
    height: 100%;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.previewer .previewer-content .previewer-content-image-wrapper .video-previewer .video-previewer-wrap video {
    display: block;
    width: 100%;
    height: 100%
}

.previewer .previewer-content .previewer-content-image-wrapper .work-fall-title {
    height: 20px;
    margin: 20px auto 10px;
    text-align: center;
    color: #dde1e6
}

.previewer .previewer-content .previewer-content-image-wrapper .previewer-download-link {
    display: block;
    margin: 0 auto;
    font-size: 16px;
    line-height: 44px;
    color: #dde1e6;
    text-align: center;
    text-decoration: none;
    background-color: #4d4d51;
    min-width: 178px;
    height: 44px;
    border-radius: 3px;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .3), 0 1px 1px hsla(0, 0%, 100%, .3)
}

.previewer .previewer-content .previewer-content-image-wrapper .previewer-download-link:hover {
    background-color: #545459
}

.previewer .previewer-content .previewer-updating {
    position: absolute;
    top: 0;
    right: 400px;
    bottom: 0;
    left: 0;
    z-index: -1;
    color: #fff;
    background-color: rgba(0, 0, 0, .5);
    opacity: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

.previewer .previewer-content .previewer-updating.active {
    z-index: 9;
    opacity: 1;
    -webkit-transition: all 128ms ease;
    transition: all 128ms ease
}

.previewer .previewer-content .previewer-updating.only-file {
    right: 0
}

.previewer .previewer-content .previewer-updating .previewer-updating-tips {
    height: 30px;
    font-size: 24px;
    line-height: 30px;
    text-align: center
}

.previewer .previewer-content .previewer-updating .previewer-updating-tips > span {
    float: left
}

.previewer .previewer-content .previewer-updating .previewer-updating-tips-message {
    margin-right: 4px
}

.previewer .previewer-content .previewer-updating .icon {
    width: 30px;
    height: 30px;
    margin-right: 20px;
    font-size: 14px;
    font-weight: 700;
    line-height: 30px;
    color: #000;
    background: #fff;
    border-radius: 15px
}

.previewer .previewer-content .activities-container {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 400px;
    border-left: 1px solid rgba(0, 0, 0, .12);
    border-radius: 0 3px 3px 0
}

.previewer .previewer-content .activities-container ul, .previewer .previewer-content .activities-container ul li {
    list-style: none;
    padding: 0;
}

.previewer .activities-container {
    position: relative;
    height: 100%;
    overflow: hidden !important;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    background-color: #fafafa;
}

.previewer input[type=file] {
    display: block;
}

.webuploader-element-invisible {
    position: absolute;
    clip: rect(1px 1px 1px 1px);
}

.previewer .activities-container .menu-handler {
    position: absolute;
    top: 15px;
    right: 15px;
    z-index: 2;
    height: 24px;
    line-height: 24px;
    text-align: center;
    color: #a6a6a6;
}

.previewer .previewer-content .activities-container .previewer-header {
    padding: 20px 20px 15px;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    position: relative
}

.previewer .previewer-content .activities-container .previewer-header .minor {
    color: gray
}

.previewer .previewer-content .activities-container .previewer-header .previewer-header-folder {
    line-height: 24px;
    vertical-align: baseline;
    width: 250px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.previewer .previewer-content .activities-container .previewer-header .previewer-header-name {
    padding: 4px;
    margin: 5px 0px 0 -8px;
    font-size: 18px;
    border: 1px solid transparent;
    word-break: break-all;
    border-radius: 3px;
}

.previewer .previewer-content .activities-container .previewer-header .previewer-header-name[contenteditable]:focus, .previewer .previewer-content .activities-container .previewer-header .previewer-header-name[contenteditable]:hover {
    background-color: rgba(0, 0, 0, .05)
}

.previewer .previewer-content .activities-container .previewer-header .previewer-header-size {
    margin-top: 2px
}

.previewer .previewer-content .activities-container .previewer-header .menu-handler {
    right: 15px
}

.previewer .previewer-content .activities-container .previewer-header .cancel-handler {
    position: absolute;
    top: 18px;
    right: 15px;
    width: 24px;
    height: 24px;
    font-size: 12px;
    line-height: 24px;
    text-align: center
}

.previewer .previewer-content .activities-container .previewer-handler-set {
    position: relative;
    text-align: center;
    /*display: table;*/
    width: 100%;
    /*display: -webkit-box;*/
    /*display: -webkit-flex;*/
    /*display: -moz-flex;*/
    /*display: -ms-flexbox;*/
    /*display: -ms-flex;*/
    /*display: flex*/
}

.previewer .previewer-content .activities-container .previewer-handler-set > a {
    color: #a6a6a6;
    display: block;
    width: 25%;
    float: left;
    padding: 13px 0 8px;
    text-align: center;
    text-decoration: none;
    border-right: 1px solid rgba(0, 0, 0, .05)
}

.previewer .previewer-content .activities-container .previewer-handler-set > a:last-child {
    border-right: 0 none
}

.previewer .previewer-content .activities-container .previewer-handler-set > a:hover {
    color: #03a9f4
}

.previewer .previewer-content .activities-container .previewer-handler-set > a .icon {
    display: block;
    margin-bottom: 7px;
    font-size: 26px;
    /*font-weight: 700;*/
    line-height: 24px
}

.previewer .activities-container .detail-white-card {
    margin: 15px 15px 0;
    /*overflow: hidden;*/
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, .1);
    border-radius: 3px;
}

.previewer .previewer-content .activities-container .previewer-handler-set > a .icon-pencil {
    font-size: 22px
}

.previewer .previewer-content .activities-container .previewer-handler-set.no-right .archive-handler, .previewer .previewer-content .activities-container .previewer-handler-set.no-right .delete-handler, .previewer .previewer-content .activities-container .previewer-handler-set.no-right .move-image-handler, .previewer .previewer-content .activities-container .previewer-handler-set.no-right .update-work-handler {
    display: none
}

.previewer .previewer-content .activities-container .detail-activities-wrap, .previewer .previewer-content .activities-container .previewer-handler-wrap, .previewer .previewer-content .activities-container .previewer-versions-wrap {
    margin: 10px 10px 0
}

.previewer .previewer-content .activities-container .detail-activities-wrap .activity .work {
    width: 100%;
    padding: 5px
}

.previewer .previewer-content .activities-container .detail-activities-wrap .activity .work .work-thumbnail {
    margin-right: 10px
}

.previewer .previewer-content .activities-container .detail-infos-view {
    margin: 0 10px
}

.previewer .previewer-content .activities-container .detail-infos-view .on-top {
    margin-top: 10px
}

.previewer .previewer-content .activities-container .activity-creator-wrap {
    margin: 10px 15px 10px 10px
}

.previewer .next-handler, .previewer .prev-handler {
    position: absolute;
    top: 150px;
    bottom: 150px;
    width: 50px;
    cursor: pointer;
    opacity: .6;
    /*-webkit-transition: opacity 436ms ease;*/
    /*transition: opacity 436ms ease;*/
    /*background-image: -webkit-linear-gradient(rgba(50, 50, 50, 0), rgba(50, 50, 50, .2) 50%, rgba(50, 50, 50, 0));*/
    /*background-image: linear-gradient(rgba(50, 50, 50, 0), rgba(50, 50, 50, .2) 50%, rgba(50, 50, 50, 0));*/
    background-repeat: no-repeat;
    /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00323232', endColorstr='#00323232', GradientType=0)*/
}

.previewer .next-handler:before, .previewer .prev-handler:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 24px;
    height: 24px;
    margin: auto;
    /*font-family: Teambition-UI-Icons;*/
    font-size: 24px;
    line-height: 24px;
    color: #fff
}

.previewer .next-handler.invisibility, .previewer .prev-handler.invisibility {
    opacity: 0;
}

.previewer .next-handler:not(.invisibility):hover, .previewer .prev-handler:not(.invisibility):hover {
    opacity: 1
}

.previewer .prev-handler {
    left: -50px
}

.previewer .prev-handler:before {
    content: '\f053'
}

.previewer .next-handler {
    right: -50px
}

.previewer .next-handler:before {
    content: '\f054'
}

.previewer .previewer-map {
    position: absolute;
    right: 0;
    bottom: -50px;
    left: 0;
    z-index: 105;
    height: 50px;
    line-height: 48px;
    font-size: 16px;
    text-align: center;
    color: #fff;
    background-repeat: no-repeat;
}

.previewer .previewer-map:hover {
    opacity: 1
}

.previewer .previewer-map .map-indicators {
    height: 12px;
    margin-top: 18px
}

.previewer .previewer-map .map-indicators .active, .previewer .previewer-map .map-indicators li:hover {
    opacity: 1
}

.previewer .previewer-map .map-indicators li {
    width: 7px;
    height: 7px;
    margin: 2px 5px 0;
    background-color: #fff;
    opacity: .6;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: none;
    -webkit-transition: opacity 436ms ease;
    transition: opacity 436ms ease
}

.previewer .previewer-map .map-indicators li.thumbnail-map-btn {
    width: 12px;
    height: 12px;
    margin-top: 0;
    background: url() no-repeat;
    border-radius: 0
}

.previewer .previewer-map .map-indicators li.thumbnail-map-btn.active {
    background: url() no-repeat
}

.previewer .natural-image {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 99999;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    background-color: #000
}

.previewer .natural-image img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    max-width: none;
    max-height: none;
    margin: auto;
    image-orientation: from-image
}

.previewer .natural-image img:hover {
    cursor: zoom-out;
    cursor: -o-zoom-out;
    cursor: -webkit-zoom-out
}

.previewer.archived .previewer-header {
    padding: 0 20px 15px !important;
    cursor: not-allowed
}

.previewer.archived .previewer-header .menu-handler, .previewer.archived .previewer-header .previewer-header-folder {
    display: none !important
}

.previewer.archived .previewer-header .previewer-header-name {
    margin-top: 0 !important
}

.previewer.archived .previewer-header .cancel-handler {
    top: -35px !important;
    right: 10px !important;
    z-index: 1111 !important
}

.previewer.archived .previewer-handler-set a {
    cursor: not-allowed;
    color: #d9d9d9 !important
}

.previewer.archived .previewer-handler-set a:hover {
    color: #d9d9d9 !important
}

.previewer.archived .previewer-handler-set .download-work-handler {
    cursor: pointer;
    color: #a6a6a6 !important
}

.previewer.archived .previewer-handler-set .download-work-handler:hover {
    color: #03a9f4 !important
}

.previewer.archived .previewer-infos-wrap a:hover {
    color: #a6a6a6 !important
}

.previewer.archived .previewer-infos-wrap a.tag:hover {
    color: gray !important
}

.previewer.archived .detail-infos-view > div, .previewer.archived .detail-infos-view > div .link, .previewer.archived .detail-infos-view > div a {
    cursor: not-allowed
}

.previewer.archived .detail-infos-view > div .link:hover .link-title {
    color: #000
}

.previewer.archived .detail-infos-view > div .link:hover .link-menu-handler {
    opacity: 0
}

.previewer.archived .detail-infos-view > div .tags-list > li.removeable:hover .tag {
    padding-right: 10px
}

.previewer.archived .detail-infos-view > div .tags-list > li.removeable:hover .remove-tag-handler {
    z-index: 0;
    opacity: 0
}

@media screen and (min-width: 1420px) {
    .modal .modal-dialog.previewer {
        width: 1300px;
        margin: 0 auto
    }
}

@media screen and (min-height: 1080px) {
    .modal .modal-dialog.previewer {
        padding: 100px 0
    }

    .modal .modal-dialog.previewer .previewer-map {
        bottom: 50px
    }
}

.previewer-menu-list .main-mode {
    display: flex
}

.previewer-menu-list .main-mode .icon {
    margin-right: 10px
}

.previewer-menu-list .main-mode .mode {
    flex: 1
}

.previewer-menu-list .ifClose {
    margin-left: 5px;
    color: #03a9f4;
    font-size: 12px
}

.previewer-menu-list .mode-explanation {
    display: block;
    line-height: 14px;
    margin-left: 24px;
    font-size: 12px;
    color: #a6a6a6
}

.detail-infos-view {
    margin: 0 15px
}

.detail-infos-view > div {
    min-height: 41px;
    border-left: 1px solid rgba(0, 0, 0, .1);
    border-right: 1px solid rgba(0, 0, 0, .1);
    border-bottom: 1px solid rgba(0, 0, 0, .05);
    background-color: #fff
}

.detail-infos-view > div.on-top {
    margin-top: 15px;
    border-top: 1px solid rgba(0, 0, 0, .1);
    border-radius: 3px;
}

.detail-infos-view > div:last-child {
    border-bottom: 1px solid rgba(0, 0, 0, .1);
}

.detail-infos-view > div.on-bottom {
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px
}

.detail-infos-view > div.on-case.detail-infos-note-view, .detail-infos-view > div.on-case.detail-infos-note-view .icon + a:not(:hover), .detail-infos-view > div.on-case.detail-infos-reminder-view, .detail-infos-view > div.on-case.detail-infos-reminder-view .icon + a:not(:hover), .detail-infos-view > div.on-case.detail-infos-repeat-view, .detail-infos-view > div.on-case.detail-infos-repeat-view .icon + a:not(:hover) {
    color: #383838
}

.detail-infos-view > div.on-case.detail-infos-note-view .icon, .detail-infos-view > div.on-case.detail-infos-reminder-view .icon, .detail-infos-view > div.on-case.detail-infos-repeat-view .icon {
    color: gray
}

.detail-infos-view > div:empty {
    display: none
}

.detail-infos-view .loading-indicator {
    border: none !important;
    background-color: transparent !important
}

.detail-infos-view .detail-infos-icon {
    font-size: 16px;
    color: #a6a6a6;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center
}

.detail-infos-view .add-handler-place {
    position: absolute;
    width: 0;
    height: 0
}

.detail-infos-view .link-add-wrap, .detail-infos-view .note-adder-set, .detail-infos-view .reminder-wrap, .detail-infos-view .repeat-wrap, .detail-infos-view .subtask-add-wrap, .detail-infos-view .tag-add-wrap {
    padding: 10px 15px
}

.detail-infos-view .link-add-wrap {
    position: relative;
}

.detail-infos-view .link-add-wrap .buttons {
    position: absolute;
    right: 5px;
    bottom: 5px;
}

.detail-infos-view .link-add-wrap > a, .detail-infos-view .note-adder-set > a, .detail-infos-view .reminder-wrap > a, .detail-infos-view .repeat-wrap > a, .detail-infos-view .subtask-add-wrap > a, .detail-infos-view .tag-add-wrap > a {
    display: block;
    color: #a6a6a6
}

.detail-infos-view .link-add-wrap > a:hover, .detail-infos-view .note-adder-set > a:hover, .detail-infos-view .reminder-wrap > a:hover, .detail-infos-view .repeat-wrap > a:hover, .detail-infos-view .subtask-add-wrap > a:hover, .detail-infos-view .tag-add-wrap > a:hover {
    color: #03a9f4
}

.detail-infos-view .link-add-wrap > .icon, .detail-infos-view .note-adder-set > .icon, .detail-infos-view .reminder-wrap > .icon, .detail-infos-view .repeat-wrap > .icon, .detail-infos-view .subtask-add-wrap > .icon, .detail-infos-view .tag-add-wrap > .icon {
    float: left;
    margin-right: 10px
}

.detail-infos-view .note-handler-set > a, .detail-infos-view .subtask-handler-set > a {
    float: right;
    padding: 5px 0
}

.detail-infos-view .note-handler-set .save-note-handler, .detail-infos-view .note-handler-set .save-subtask-handler, .detail-infos-view .subtask-handler-set .save-note-handler, .detail-infos-view .subtask-handler-set .save-subtask-handler {
    width: 70px;
    height: 30px;
    margin-left: 16px;
    text-align: center
}

.archived .detail-infos-view a:hover {
    color: gray !important
}

.archived .detail-infos-view .tags-list > li .tag:hover, .archived .detail-infos-view .task-datepicker:hover {
    color: gray
}

.detail-infos-link-view {
    position: relative
}

.detail-infos-link-view.guest a {
    pointer-events: none !important;
    cursor: default !important
}

.detail-infos-link-view.guest a.dirty:hover {
    color: #383838
}

.detail-infos-link-view.guest a:hover, .detail-infos-link-view.guest a:hover .icon {
    color: gray
}

.detail-infos-link-view .link {
    position: relative;
    padding: 8px 10px 8px 14px;
    cursor: pointer;
    border-bottom: 1px solid rgba(0, 0, 0, .05);
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex
}

.detail-infos-link-view .link .link-handler-wrap, .detail-infos-link-view .link .link-icon-wrap {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -moz-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.detail-infos-link-view .link .link-icon-wrap:after, .detail-infos-link-view .link .link-icon-wrap:before {
    content: " ";
    display: table
}

.detail-infos-link-view .link .link-icon-wrap:after {
    clear: both
}

.detail-infos-link-view .link .link-icon-wrap .icon {
    float: left;
    width: 20px;
    height: 20px;
    margin-right: 10px;
    font-size: 16px;
    line-height: 20px;
    text-align: center
}

.detail-infos-link-view .link .link-icon-wrap .icon-link2 {
    color: gray
}

.detail-infos-link-view .link .link-title {
    width: 100%;
    word-break: break-all;
    color: #383838;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-right: 8px
}

.detail-infos-link-view .link .link-title .avatar {
    vertical-align: middle;
    margin-right: 5px
}

.detail-infos-link-view .link .link-title .title-name {
    color: #383838;
    line-height: 24px;
    vertical-align: middle
}

.detail-infos-link-view .link .link-handler-wrap {
    margin-left: 15px;
    white-space: nowrap
}

.detail-infos-link-view .link .link-handler-wrap:after, .detail-infos-link-view .link .link-handler-wrap:before {
    content: " ";
    display: table
}

.detail-infos-link-view .link .link-handler-wrap:after {
    clear: both
}

.detail-infos-link-view .link .link-handler-wrap .link-comma.with-margin {
    margin-right: 8px
}

.detail-infos-link-view .link .link-handler-wrap > a, .detail-infos-link-view .link .link-handler-wrap > span {
    display: inline-block;
    float: left;
    font-size: 12px
}

.detail-infos-link-view .link .link-handler-wrap > a {
    width: 14px;
    height: 20px;
    margin-left: 8px;
    line-height: 20px;
    text-align: center;
    opacity: 0
}

.detail-infos-link-view .link .link-project {
    max-width: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.guest .detail-infos-link-view .link:last-child {
    border-bottom: 0 none
}

.detail-infos-link-view .link:hover .link-title {
    color: #03a9f4
}

.detail-infos-link-view .link:hover .link-menu-handler {
    opacity: 1
}

.detail-infos-note-view.editing .note-adder-set, .detail-infos-note-view.editing .note-text-set {
    display: none
}

.detail-infos-note-view.editing .note-input-set {
    display: block
}

.detail-infos-note-view.editing.has-draft .draft {
    display: inline-block
}

.detail-infos-note-view .note-text-set {
    padding: 10px 15px
}

.detail-infos-note-view .note-input-set {
    display: none;
    padding: 10px 15px 15px
}

.detail-infos-note-view .note-input-set .draft {
    display: none;
    line-height: 24px;
    margin-top: 3px;
    padding: 0 10px;
    font-size: 12px;
    background-color: #f8f8f8;
    border-radius: 3px
}

.detail-infos-note-view .note-input-set .draft a {
    color: #03a9f4
}

.detail-infos-note-view .note-input-set, .detail-infos-note-view .note-text-set {
    position: relative;
    overflow: hidden
}

.detail-infos-note-view .note-input-set .icon, .detail-infos-note-view .note-text-set .icon {
    float: left
}

.detail-infos-note-view .note-input-set .note-text, .detail-infos-note-view .note-text-set .note-text {
    padding: 4px;
    margin: -4px -4px -4px 26px;
    border-radius: 3px
}

.detail-infos-note-view .note-input-set .note-text p, .detail-infos-note-view .note-text-set .note-text p {
    margin-bottom: 0
}

.detail-infos-note-view .note-input-set .note-text dl, .detail-infos-note-view .note-input-set .note-text form, .detail-infos-note-view .note-input-set .note-text hr, .detail-infos-note-view .note-input-set .note-text ol, .detail-infos-note-view .note-input-set .note-text p, .detail-infos-note-view .note-input-set .note-text pre, .detail-infos-note-view .note-input-set .note-text table, .detail-infos-note-view .note-input-set .note-text ul, .detail-infos-note-view .note-text-set .note-text dl, .detail-infos-note-view .note-text-set .note-text form, .detail-infos-note-view .note-text-set .note-text hr, .detail-infos-note-view .note-text-set .note-text ol, .detail-infos-note-view .note-text-set .note-text p, .detail-infos-note-view .note-text-set .note-text pre, .detail-infos-note-view .note-text-set .note-text table, .detail-infos-note-view .note-text-set .note-text ul {
    font-weight: 400
}

.detail-infos-note-view .note-input-set .not-input-wrap, .detail-infos-note-view .note-text-set .not-input-wrap {
    margin-left: 30px
}

.detail-infos-note-view .note-input-set .not-input-wrap .note-handler-set, .detail-infos-note-view .note-text-set .not-input-wrap .note-handler-set {
    margin-top: 10px
}

.detail-infos-note-view .note-input-set .flex-text-wrap, .detail-infos-note-view .note-text-set .flex-text-wrap {
    min-height: 40px
}

.detail-infos-note-view .click-eidtable:hover {
    cursor: pointer;
    background-color: #fafafa
}

.detail-infos-reminder-view {
    position: relative
}

.detail-infos-reminder-view .add-handler-place {
    top: 22px;
    margin-left: 15px
}

.detail-infos-reminder-view .reminder-wrap > a:not(.set-reminder-handler) {
    cursor: default
}

.detail-infos-reminder-view .reminder-wrap > a:not(.set-reminder-handler):hover {
    color: currentColor
}

.detail-infos-repeat-view {
    position: relative
}

.detail-infos-repeat-view .add-handler-place {
    top: 22px;
    margin-left: 15px
}

.detail-infos-repeat-view .repeat-wrap > a {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.detail-infos-repeat-view .repeat-wrap > a:not(.set-repeat-handler) {
    cursor: default
}

.detail-infos-repeat-view .repeat-wrap > a:not(.set-repeat-handler):hover {
    color: currentColor
}

.detail-infos-repeat-recurrence-view .btn-block + .btn-block {
    margin-top: 10px
}

.detail-infos-tag-view {
    position: relative
}

.detail-infos-tag-view.withTag .icon-tag {
    line-height: 24px
}

.detail-infos-tag-view.withTag .add-tag-handler .icon-plus-sign {
    display: block
}

.detail-infos-tag-view.withTag .add-tag-handler .add-tag-handler-tips {
    display: none
}

.detail-infos-tag-view.withTag .tags-list > li {
    float: left
}

.detail-infos-tag-view .add-handler-place {
    left: 12px;
    top: 12px
}

.detail-infos-tag-view .add-tag-handler {
    display: block;
    color: #a6a6a6;
    margin-bottom: 8px
}

.detail-infos-tag-view .add-tag-handler:hover {
    color: #03a9f4
}

.detail-infos-tag-view .add-tag-handler .icon-plus-sign {
    float: left;
    font-size: 24px;
    line-height: 24px;
    display: none
}

.detail-infos-tag-view .icon-tag {
    position: absolute
}

.detail-infos-tag-view .tags-list {
    margin-left: 30px;
    margin-bottom: -8px
}

.detail-infos-tag-view .tags-list > li {
    position: relative;
    margin: 0 10px 0 0;
    list-style: none;
}

.detail-infos-tag-view .tags-list > li .tag {
    position: relative;
    margin: 0 0 4px;
    padding: 2px 10px;
    line-height: 20px;
    z-index: 1;
    border-radius: 12px;
    -webkit-transition: padding-right 218ms ease;
    transition: padding-right 218ms ease
}

.detail-infos-tag-view .tags-list > li .tag .tag-label {
    float: left;
    margin: 7px 8px 0 0;
    width: 6px;
    height: 6px;
    border-radius: 3px
}

.detail-infos-tag-view .tags-list > li .remove-tag-handler {
    display: block;
    position: absolute;
    top: 4px;
    right: 4px;
    opacity: 0;
    background-color: rgba(0, 0, 0, .3);
    color: #d9d9d9;
    text-align: center;
    font-size: 14px;
    line-height: 14px;
    z-index: 0;
    width: 16px;
    height: 16px;
    border-radius: 8px;
    -webkit-transition: opacity 218ms ease;
    transition: opacity 218ms ease
}

.detail-infos-tag-view .tags-list > li.removeable:hover .tag {
    padding-right: 26px
}

.detail-infos-tag-view .tags-list > li.removeable:hover .remove-tag-handler {
    opacity: 1;
    z-index: 2
}

.detail-infos-view .tag-add-wrap > .icon {
    float: left;
    margin-right: 10px;
}

.detail-infos-view .tag-add-wrap {
    padding: 10px 15px;
}

.previewer .activities-container .detail-content > section {
    position: relative;
    margin: 15px 15px 0;
}

.activities-timeline, .activities-timeline > div, .activities-timeline > ul {
    background-color: #fff;
    border-left: 1px solid rgba(0, 0, 0, .1);
    border-right: 1px solid rgba(0, 0, 0, .1);
}

.activities-timeline {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: visible;
    border-radius: 3px 3px 0 0;
}

.previewer .activities-container {
    position: relative;
    height: 100%;
    overflow: hidden !important;
    /*display: -webkit-box;*/
    /*display: -webkit-flex;*/
    /*display: -moz-flex;*/
    /*display: -ms-flexbox;*/
    /*display: -ms-flex;*/
    /*display: flex;*/
    /*-webkit-box-orient: vertical;*/
    /*-webkit-box-direction: normal;*/
    /*-webkit-flex-direction: column;*/
    /*-moz-flex-direction: column;*/
    /*-ms-flex-direction: column;*/
    /*flex-direction: column;*/
}

.previewer .activities-container > section {
    position: relative;
    overflow: auto;
    /*-webkit-overflow-scrolling: touch;*/
    /*-webkit-box-flex: 1;*/
    /*-webkit-flex: 1 1;*/
    /*-moz-flex: 1 1;*/
    /*-ms-flex: 1 1;*/
    /*flex: 1 1;*/
}

.previewer .activities-container .detail-content {
    position: relative;
    height: 100%;
    /*display: -webkit-box;*/
    /*display: -webkit-flex;*/
    /*display: -moz-flex;*/
    /*display: -ms-flexbox;*/
    /*display: -ms-flex;*/
    /*display: flex;*/
    /*-webkit-box-orient: vertical;*/
    /*-webkit-box-direction: normal;*/
    /*-webkit-flex-direction: column;*/
    /*-moz-flex-direction: column;*/
    /*-ms-flex-direction: column;*/
    /*flex-direction: column;*/
}

.involve-view {
    position: relative;
}

.involve-view .involve-header {
    margin-bottom: -3px;
    color: gray;
    font-size: 13px;
    font-weight: 700;
}

.activity-creator-wrapper {
    z-index: 9;
    overflow: visible;
    background-color: #e6e6e6;
    border-top: 1px solid #d6d6d6
}

.activity-editor-view {
    width: 580px
}

.activity-editor-view .activity-editor-input-wrap {
    margin-bottom: 20px
}

.activity-editor-view .flex-text-wrap {
    min-height: 150px;
    max-height: 400px
}

.activity-editor-view textarea {
    overflow: auto
}

.activities-timeline {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: visible;
    border-radius: 3px 3px 0 0
}

.activities-timeline, .activities-timeline > div, .activities-timeline > ul {
    background-color: #fff;
    border-left: 1px solid rgba(0, 0, 0, .1);
    border-right: 1px solid rgba(0, 0, 0, .1)
}

.activities-timeline, .activities-timeline .activities-place-bottom {
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    border-radius: 0 0 3px 3px;
}

.activities-timeline {
    border: 1px solid rgba(0, 0, 0, .1);
    border-radius: 3px;
}

.activities-timeline > div, .activities-timeline > ul {
    margin-right: -1px;
    margin-left: -1px;
    overflow: hidden
}

.activities-timeline > div:first-child, .activities-timeline > ul:first-child {
    border-top: 1px solid rgba(0, 0, 0, .1);
    border-radius: 3px 3px 0 0
}

.activities-timeline .activities-timeline-involve-set {
    border-bottom: 1px solid rgba(0, 0, 0, .05)
}

.activities-timeline .activities-timeline-involve-set .involve-view .involve-header {
    margin: 15px 15px 10px;
    font-size: 12px;
    line-height: 12px;
    color: gray
}

.activities-timeline .activities-timeline-involve-set .involve-view .involve-members {
    padding: 0;
    margin: 10px 15px 5px 5px
}

.activities-timeline .activities-timeline-involve-set .involve-view .involve-members > li {
    margin: 0 0 10px 10px
}

.activities-timeline .activities-timeline-involve-set .involve-view .involve-members > li > .avatar {
    margin: 0
}

.activities-timeline .activities-timeline-like {
    position: relative;
    min-height: 41px;
    padding: 10px 16px 10px 45px;
    overflow: hidden;
    color: #a6a6a6;
    border-bottom: 1px solid rgba(0, 0, 0, .05);
    -webkit-transition: all 218ms;
    transition: all 218ms
}

.activities-timeline .activities-timeline-like .like-toggler-handler {
    text-align: center;
    cursor: pointer
}

.activities-timeline .activities-timeline-like .like-toggler-handler .icon {
    -webkit-transition: all 218ms ease;
    transition: all 218ms ease
}

.activities-timeline .activities-timeline-like .like-toggler-handler .icon:nth-child(2) {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all .25s;
    transition: all .25s
}

.activities-timeline .activities-timeline-like .like-toggler-handler:hover .icon {
    -webkit-transform: scale(1.2);
    transform: scale(1.2)
}

.activities-timeline .activities-timeline-like .like-toggler-handler.active .icon {
    color: #03a9f4
}

.activities-timeline .activities-timeline-like .like-toggler-handler.active .icon:nth-child(2) {
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transform: scale(3);
    transform: scale(3);
    -webkit-transition: all .35s;
    transition: all .35s
}

.activities-timeline .activities-timeline-like .like-toggler-wrap {
    position: absolute;
    left: 15px;
    width: 20px;
    height: 20px;
    color: #a6a6a6
}

.activities-timeline .activities-timeline-like .like-toggler-wrap .icon {
    position: absolute;
    top: -1px;
    left: 0;
    width: 20px;
    font-size: 16px;
    text-align: center
}

@-webkit-keyframes nameColor {
    50% {
        color: #03a9f4
    }
}

@keyframes nameColor {
    50% {
        color: #03a9f4
    }
}

.activities-timeline .activities-timeline-like .like-group-wrap .like-group {
    cursor: pointer;
    white-space: pre-line
}

.activities-timeline .activities-timeline-like .like-group-wrap .like-group span.on-zh {
    margin-right: -6px
}

.activities-timeline .activities-timeline-like .like-group-wrap .like-group:not(.expanding) {
    display: inline-block;
    float: left;
    max-width: 360px;
    margin-right: 4px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.activities-timeline .activities-timeline-like .like-group-wrap .name {
    color: gray
}

.activities-timeline .activities-timeline-like .like-group-wrap .name.on-new {
    -webkit-animation: nameColor .5s 2;
    animation: nameColor .5s 2
}

.activities-timeline .activities-list {
    position: relative
}

.activities-list {
    margin: 0;
}

.activities-timeline .activities-place-bottom {
    position: relative;
    height: 48px;
    margin-bottom: 10px;
}

.activities-timeline.on-only-comments .activity {
    display: none
}

.activities-timeline.on-only-comments .activity.comment {
    display: block
}

.activities-timeline.on-only-attachments .activity, .activities-timeline.on-only-attachments .activity .activity-content {
    display: none
}

.activities-timeline.on-only-attachments .activity.attachments {
    display: block
}

.activities-timeline .involve-tip-wrap {
    padding: 0 15px;
    color: #a6a6a6;
    font-size: 12px
}

.activities-timeline .involve-tip-wrap .involve-tip-inner {
    padding-top: 15px
}

.activities-timeline .involve-tip-wrap .icon {
    float: left;
    font-size: 18px;
    width: 36px;
    text-align: center;
    margin-top: -1px
}

.activities-timeline .involve-tip-wrap .involve-tip {
    padding-left: 46px
}

.activities-timeline .involve-tip-wrap .add-involve {
    color: #03a9f4
}

.activities-timeline .activity-early-wrap {
    display: none
}

.activities-timeline.early-hidden .activity-early-wrap, .activities-timeline.early-loading .activity-early-wrap, .activities-timeline.early-shown .activity-early-wrap {
    display: block
}

.activities-timeline .activity-early-handler {
    display: block;
    padding: 16px 60px 0;
    font-size: 14px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.activities-timeline .activity-early-hidden, .activities-timeline .activity-early-loading, .activities-timeline .activity-early-shown {
    display: none
}

.activities-timeline.early-hidden .activity-early-hidden, .activities-timeline.early-loading .activity-early-loading, .activities-timeline.early-shown .activity-early-shown {
    display: inline-block
}

.activities-timeline .activity-line {
    position: relative;
    height: 1px
}

.activities-timeline .activity-line:before {
    position: absolute;
    height: 1px;
    top: 0;
    left: 16px;
    right: 16px;
    background: rgba(0, 0, 0, .1);
    content: ' '
}

.activities-timeline .activity-line:first-child {
    display: none
}

.activity-panel-activities .activities-header {
    display: none;
    border-bottom: 1px solid rgba(0, 0, 0, .06);
    padding-bottom: 15px;
    padding-top: 13px
}

.activity-panel-activities .activities-header header {
    text-align: center;
    font-size: 15px;
    font-weight: 700
}

.activity-panel-activities .activities-header .close-handler {
    top: 11px
}

.activity-panel-activities .activity-today .activity-card-header {
    margin-right: 0
}

.activity-panel-activities .activity-panel-filter-wrap {
    position: relative;
    border-bottom: 1px solid rgba(0, 0, 0, .06);
    height: 40px;
    overflow: hidden
}

.activity-panel-activities .activity-panel-filter-wrap > section:not(:last-child) > a:after {
    position: absolute;
    content: ' ';
    right: 0;
    top: 12px;
    bottom: 12px;
    width: 1px;
    background-color: #d9d9d9
}

.activity-panel-activities .activity-panel-filter {
    position: relative;
    padding: 10px 0;
    display: block;
    text-align: center;
    color: #a6a6a6
}

.activity-panel-activities .activity-panel-filter:hover {
    color: #03a9f4
}

.activity-panel-activities .activity-panel-filter .icon-caret {
    margin-left: -3px;
    -webkit-transform: scale(.45);
    transform: scale(.45)
}

.activity-panel-activities .activity-panel-filter .icon-state-check {
    position: absolute;
    color: #03a9f4;
    top: 4px;
    -webkit-transform: scale(.7) translate(-4px);
    transform: scale(.7) translate(-4px)
}

.activity-panel-activities .activity-panel-filter:not(.on-filtered) .icon-state-check {
    display: none
}

.activity-panel-activities .activity-panel-activities-body .activity-content:after {
    position: absolute;
    left: 48px;
    right: 16px;
    bottom: -5px;
    content: ' ';
    height: 1px;
    background-color: rgba(0, 0, 0, .06)
}

.activity-panel-activities .activity-panel-activities-body:empty {
    display: none
}

.activity-panel-activities .activity-panel-activities-placeholder {
    font-size: 16px;
    color: #a6a6a6;
    text-align: center;
    margin: 60px 0
}

.activity-panel-activities .activity-panel-activities-placeholder .icon {
    font-size: 45px;
    margin-bottom: 30px
}

.activity-panel-activities .on-openable:hover {
    cursor: pointer;
    background-color: #eee
}

.activity-panel-activities-popover {
    max-height: 250px;
    overflow: hidden
}

.activity-panel-activities-popover ul {
    max-height: 250px !important
}

.activity-filter-item .icon {
    width: 24px;
    height: 24px;
    line-height: 24px;
    background: #03a9f4;
    text-align: center;
    color: #fff;
    border-radius: 50%
}

.activity-filter-item .avatar {
    margin-right: 10px
}

.activity-panel-all .activities-panel-menu-list > li > a {
    color: #383838;
    font-weight: 600
}

.activity-panel-all .activities-panel-menu-list > li > a .icon {
    color: gray
}

.activity-panel-all .activities-panel-menu-list > li:hover a {
    background-color: #eee
}

.activity-panel-all .project-menus {
    position: relative;
    padding-bottom: 1px
}

.activity-panel-all .project-menus:after {
    position: absolute;
    left: 14px;
    right: 16px;
    bottom: 0;
    content: ' ';
    height: 1px;
    background-color: rgba(0, 0, 0, .06)
}

.activity-panel-all .activity-panel-activities-wrap {
    margin-top: -5px
}

.activity-panel-all .activity-panel-activities-list .activity-panel-activities-title {
    position: relative;
    line-height: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-top: 5px
}

.activity-panel-all .activity-panel-activities-list .activity-panel-activities-title .project-activies-title {
    color: #383838;
    padding: 5px 15px;
    font-weight: 600
}

.activity-panel-all .activity-panel-activities-list .activity-panel-activities-title .project-activies-title > .icon {
    color: gray;
    float: left;
    position: absolute
}

.activity-panel-all .activity-panel-activities-list .activity-panel-activities-title .project-activies-title .activity-card-title {
    padding-left: 34px;
    display: inline-block;
    line-height: 24px
}

.activity-panel-all .activity-panel-all-footer {
    position: relative;
    margin: 5px 0;
    padding: 5px 15px;
    font-weight: 600;
    margin-top: 10px;
    color: #383838
}

.activity-panel-all .activity-panel-all-footer .icon {
    color: gray
}

.activity-panel-all .list > li:hover .activity-panel-all-footer {
    color: #383838;
    background-color: #eee
}

.activity-panel-all .list > li:hover .activity-panel-all-footer .icon {
    color: gray
}

.activity-panel-plugins .plugins > li > a {
    color: #383838
}

.activity-panel-plugins .plugins > li > a .icon {
    color: gray
}

.activity-panel-plugins .plugins > li:hover a {
    background-color: #eee
}

.activity-panel {
    position: relative;
    width: 100%;
    height: 100%
}

.activity-panel .get-back {
    font-size: 15px;
    color: #383838
}

.activity-panel .activity-back {
    -webkit-transform: translate(-100%);
    transform: translate(-100%);
    -webkit-transition: transform 128ms ease-out;
    transition: transform 128ms ease-out
}

.activity-panel.with-back .title {
    display: none
}

.activity-panel.with-back .activity-back {
    -webkit-transform: translate(0);
    transform: translate(0)
}

.activity-panel .activity-panel-header {
    position: relative;
    overflow: hidden;
    height: 50px;
    line-height: 50px;
    text-align: center;
    z-index: 2
}

.activity-panel .activity-panel-header .title {
    padding: 0 15px;
    color: #383838;
    font-size: 15px;
    font-weight: 700;
    z-index: 1
}

.activity-panel .activity-panel-header:after {
    position: absolute;
    content: ' ';
    bottom: 0;
    height: 1px;
    left: 15px;
    right: 15px;
    background-color: #d9d9d9
}

.activity-panel .activity-panel-header > a {
    position: absolute;
    top: 0;
    width: 50px;
    z-index: 2
}

.activity-panel .activity-panel-header > a:first-child {
    left: 0
}

.activity-panel .activity-panel-header > a:last-child {
    right: 0
}

.activity-panel .activity-panel-header .activity-back {
    width: 80px
}

.activity-panel .activity-panel-header .activity-back:hover .get-back {
    color: #03a9f4
}

.activity-panel .activity-panel-body {
    position: absolute;
    top: 50px;
    width: 350px;
    left: 0;
    right: 0;
    bottom: 0;
    overflow-x: hidden;
    overflow-y: auto;
    z-index: 1
}

.activity-panel .activity-panel-body > div {
    width: 350px
}

.activity-panel .on-openable:hover {
    cursor: pointer;
    background-color: #eee
}

.activity-panel .list > li > a > .icon {
    width: 24px;
    text-align: center;
    font-size: 15px
}

.activity-panel-share {
    padding: 10px 15px
}

.activity-panel-share .share-project-btn a {
    font-size: 20px;
    margin-right: 10px
}

.activity-panel-share h5 {
    margin: 0 0 5px
}

.activity-panel-share .btn-primary {
    width: 100%
}

.activity-panel-copy .copy-project-wrap {
    padding: 0 15px
}

.activity-panel-copy .open-selector-handler {
    position: relative;
    padding-right: 24px;
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.activity-panel-copy .project-visibility {
    font-size: 14px;
    line-height: 14px;
    margin-bottom: 17px
}

.activity-panel-copy .icon-chevron-down {
    display: inline-block;
    position: absolute;
    top: 0;
    right: 12px;
    font-size: 12px;
    line-height: 38px;
    color: gray
}

.activity-panel-copy .btn {
    width: 100%
}

.activity-card {
    position: relative;
    line-height: 20px;
    padding: 15px;
    padding-bottom: 0;
    padding-top: 10px;
    margin: 0 auto;
    margin-top: 9px
}

.activity-card:first-child {
    margin-top: 0
}

.activity-card.activity-card-works .activity-card-header {
    margin-right: 0
}

.activity-card.activity-card-works .activity-content, .activity-card.activity-card-works .activity-content .activity-card-title {
    padding-left: 5px
}

.activity-card.activity-card-works .activity-content .work {
    padding-left: 5px;
    border-radius: 2px
}

.activity-card.activity-card-works .activity-card-footer {
    padding-left: 5px;
    margin-bottom: 0
}

.activity-card .activity-content {
    overflow: hidden;
    padding-bottom: 5px;
    color: #383838
}

.activity-card .activity-content .activity-card-title {
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 5px
}

.activity-card .activity-card-header {
    position: relative;
    margin-bottom: 10px;
    display: inline-block;
    vertical-align: middle;
    float: left;
    margin-right: 10px
}

.activity-card .activity-card-header > a {
    display: block
}

.activity-card .activity-card-header > a:hover .icon-alert-clock {
    color: #03a9f4
}

.activity-card .activity-card-header .activity-card-title {
    padding-left: 34px;
    z-index: 1;
    word-break: break-all;
    display: inline-block;
    margin-bottom: 8px
}

.activity-card .activity-card-header i {
    text-align: center;
    display: block;
    top: 0;
    width: 24px;
    height: 24px;
    z-index: 2
}

.activity-card .activity-card-header i.icon-alert-clock {
    color: gray
}

.activity-card .activity-card-header i:first-child {
    left: 0
}

.activity-card .activity-card-header i:last-child {
    right: 0
}

.activity-card .activity-card-body {
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
    margin-bottom: 5px;
    max-width: 100%
}

.activity-card .activity-card-body .activity-card-body-tail {
    border-top: 1px solid rgba(0, 0, 0, .05)
}

.activity-card .activity-card-body .activity-card-body-tail > a {
    padding: 8px 0;
    display: block
}

.activity-card .activity-card-body .activity-card-body-tail > a:hover {
    color: gray;
    background-color: #eee
}

.activity-card .activity-card-body .activity-card-body-tail .icon {
    margin: 0 10px;
    width: 14px
}

.activity-card .activity-card-footer {
    margin-bottom: 5px;
    display: inline-block;
    vertical-align: bottom
}

.activity-card .activity-card-footer:after, .activity-card .activity-card-footer:before {
    content: " ";
    display: table
}

.activity-card .activity-card-footer:after {
    clear: both
}

.activity-card .activity-card-footer time {
    color: gray;
    font-size: 12px;
    float: left
}

.activity-card .activity-card-footer a {
    float: right;
    color: #a6a6a6;
    margin-left: 12px;
    width: 20px;
    font-size: 14px;
    text-align: right;
    -webkit-transition: transform 128ms ease;
    transition: transform 128ms ease
}

.activity-card .activity-card-footer a.on-liked {
    color: #03a9f4
}

.activity-card .activity-card-footer a:hover {
    -webkit-transform: scale(1.2);
    transform: scale(1.2)
}

.activity-card .activity-avatar {
    margin: 10px 10px 10px 0;
    width: 30px;
    height: 30px;
    border-radius: 50%
}

.activity-card .activity-second-title {
    color: gray;
    font-size: 12px;
    line-height: 32px
}

.activity-card-common .activity-title, .activity-card .activity-second-title > section {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.activity-card-common .activity-title {
    margin: 0;
    font-size: 14px;
    word-wrap: break-word;
    max-width: 270px
}

.activity-entry .activity-entry-title {
    float: left;
    margin-right: 10px
}

.activity-event > div {
    display: inline-block;
    vertical-align: middle
}

.activity-event .activity-event-date {
    color: #383838;
    margin-right: 10px
}

.activity-card-create .activity-card-body {
    padding: 2px 8px
}

.activity-card-create .icon {
    color: #a6a6a6;
    margin-right: 6px
}

.activity-card-create .activity-create-name {
    font-size: 16px
}

.activity-card-invite .activity-card-body, .activity-card-invite .activity-card-footer {
    display: block
}

.activity-card-invite .activity-card-title {
    word-break: break-all
}

.activity-card-invite .activity-invite-body {
    margin-top: 5px;
    margin-bottom: 5px;
    position: relative;
    margin-left: -10px
}

.activity-card-invite .activity-invite-body .avatar {
    width: 36px;
    height: 36px;
    margin-left: 10px;
    margin-bottom: 10px
}

.activity-card-invite .activity-invite-body .activity-member-one .avatar {
    margin-bottom: 0
}

.activity-card-invite .activity-invite-body .activity-member-infos {
    padding-left: 10px;
    position: absolute;
    display: inline-block;
    vertical-align: middle;
    width: 88%
}

.activity-card-invite .activity-invite-body .activity-member-infos > div {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow-x: hidden
}

.activity-card-invite .activity-invite-body .activity-member-name {
    font-size: 16px;
    display: block
}

.activity-card-invite .activity-invite-body .activity-member-email {
    font-size: 14px;
    color: gray;
    display: block
}

.activity-card-invite .activity-card-footer {
    margin-top: 0
}

.activity-card-table:after {
    position: absolute;
    left: 34px;
    right: 1px;
    bottom: 0;
    content: ' ';
    height: 1px;
    background-color: rgba(0, 0, 0, .06)
}

.activity-card-table.activity-card {
    margin: 0 15px;
    padding: 0;
    padding-bottom: 15px
}

.activity-card-table .activity-card-header {
    display: block;
    float: none
}

.activity-card-table .activity-card-header .activity-card-title {
    margin-bottom: 0
}

.activity-card-table .activity-card-body {
    display: block;
    margin-left: 34px;
    margin-right: 0;
    background-color: #fff
}

.activity-card-table .activity-card-body .tasks-chart-view {
    border-radius: 2px;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .2)
}

.activity-card-table .activity-table-chart {
    position: relative;
    min-height: 100px;
    text-align: center
}

.activity-card-table .activity-table-chart .activity-table-placeholder-tips {
    position: absolute;
    bottom: 70px;
    width: 100%;
    text-align: center;
    color: #a6a6a6;
    font-size: 12px
}

.activity-card-table .activity-table-chart .activity-table-placeholder {
    margin: 30px auto auto
}

.activity-card-table .activity-table-chart .activity-table-placeholder rect {
    fill: none;
    stroke-width: 2;
    stroke: #a8a8a8
}

.activity:last-child {
    margin-bottom: 0;
}

.activity:first-child {
    margin-top: 12px;
}

.activity {
    position: relative;
    overflow: hidden;
    margin: 15px;
}

.activity .activity-type-icon, .activity .load-activities-handler .icon-more {
    width: 36px;
    text-align: center;
    font-size: 16px;
}

.modal .modal-dialog.collections-picker .modal-content {
    border-radius: 3px;
}

.modal .modal-dialog.collections-picker {
    width: 800px;
    padding: 0;
    margin: 100px auto 0;
}

.collections-picker .modal-content .modal-body {
    height: 438px;
    padding: 0;
}

.collections-picker .picker-column {
    position: relative;
    height: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    white-space: nowrap;
    background-color: #fff;
}

.collections-picker ul, .collections-picker ul li {
    list-style: none;
    margin: 0;
    padding: 0;
}

.collections-picker .picker-column > li {
    position: relative;
    display: inline-block;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    vertical-align: top;
    border-right: 1px solid #d9d9d9;
}

.collections-picker .column {
    width: 200px;
}

.collections-picker li {
    line-height: 20px;
}

.collections-picker .column-wrap {
    padding: 0 0 5px;
}

.collections-picker .group-name {
    margin: 20px 0 5px;
    font-size: 13px;
    font-weight: 700;
    color: gray;
}

.collections-picker .group-name:first-child {
    margin-top: 5px;
}

.collections-picker .group-name > p {
    padding: 5px 15px;
}

.collections-picker .column-wrap .picker-handler.active, .collections-picker .column-wrap .picker-handler:hover {
    background-color: #eee;
}

.collections-picker .column-wrap .picker-handler {
    position: relative;
    height: 30px;
    padding: 5px 20px 5px 5px;
    line-height: 20px;
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.collections-picker .column .collection-thumbnail {
    font-size: 16px;
}

.collections-picker .column .collection-thumbnail, .collections-picker .column .work-thumbnail {
    width: 20px;
    height: 20px;
    margin-right: 5px;
    line-height: 20px;
}

.collection .collection-thumbnail {
    display: inline-block;
    text-align: center;
}

.collections-picker .column-wrap .picker-handler {
    position: relative;
    height: 30px;
    padding: 5px 12px;
    line-height: 20px;
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.collections-picker .column-wrap .picker-handler.selected, .collections-picker .column-wrap .picker-handler.selected.active {
    color: #fff;
    background-color: #03a9f4;
}

.collections-picker .picker-column > li:last-child {
    margin-right: 20px;
}

.modal-footer .btn-primary {
    background-color: #03a9f4;
    border-color: #03a9f4;
}

.modal-footer .btn-primary:active,
.modal-footer .btn-primary:focus,
.modal-footer .btn-primary:hover {
    color: #fff;
    background-color: #14b4fc;
    border-color: #14b4fc;
}

.btn-link:focus, .btn-link:hover {
    color: #03a9f4;
    text-decoration: none;
    background-color: transparent;
}

.modal .modal-footer .btn-link {
    color: #383838;
}

.collections-picker .modal-footer .btn {
    min-width: 96px;
}

.collections-picker .modal-footer .btn + .btn {
    margin-bottom: 0;
    margin-left: 5px;
}

.work-version-view .work-versions-title {
    padding: 10px 15px;
    color: #a6a6a6;
}

.work-version-view .work-version:first-child {
    border-top: 1px solid rgba(0, 0, 0, .05);
}

.work-version-view .work-version {
    position: relative;
    color: #a6a6a6;
    border-top: 1px solid transparent;
}

.work-version-view .work-version .work-version-content {
    position: relative;
    padding: 10px 15px;
}

.work-version-view .work-version.on-selecting .icon-focus {
    color: #03a9f4;
}

.work-version-view .work-version .flex-text-wrap {
    -webkit-transition: min-height 218ms ease;
    transition: min-height 218ms ease;
}

.flex-text-wrap {
    position: relative;
    min-height: 20px;
    outline: 0;
    margin: 0;
    border: none;
    padding: 0;
    overflow: hidden;
}

.work-version-view .work-version .flex-text-wrap .work-version-description {
    z-index: 1;
    color: inherit;
    visibility: hidden;
    background: inherit;
}

.flex-text-wrap textarea {
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    resize: none;
    border: 0 none;
    line-height: 20px;
    box-shadow: none;
}

.flex-text-wrap div, .flex-text-wrap textarea {
    padding: 0;
    width: 100%;
    margin: 0;
    word-break: break-word;
    white-space: pre-wrap;
}

.work-version-view .work-version:hover:not(.on-editing):not(.on-selecting) {
    color: #383838;
    cursor: pointer;
    background-color: #eee;
    border-color: transparent;
}

.user-select-nav .nav-tabs {
    border-bottom: 2px solid #ddd;
}

.user-select-nav > .nav-tabs > li {
    margin-bottom: -2px;
}

.user-select-nav > .nav-tabs > li > a {
    border: none !important;
}

.user-select-nav > .nav-tabs > li.active > a {
    border: none;
    border-bottom: 2px solid #14b4fc !important;
}

.user-select-nav > .nav-tabs > li:hover > a {
    background: transparent;
    border: none;
}

.user-select-list {
    margin-top: 10px;
    height: 300px;
    overflow-y: auto;
}

.user-select-list ul, .user-select-list ul li {
    margin: 0;
    padding: 0;
    list-style: none;
}

.user-select-list ul li {
    padding: 3px;
    margin-bottom: 2px;
    position: relative;
}

.user-select-list ul li.group-item:hover {
    cursor: pointer;
}

.selected-title {
    height: 32px;
    line-height: 32px;
    border-bottom: 2px solid #ddd;
}

.user-select-list ul li .opr-link {
    position: absolute;
    right: 10px;
    top: 7px;
}

.user-select-list ul li:hover {
    background: rgba(0, 174, 232, 0.1);
}

.user-select-list ul li .avatar {
    width: 26px;
    height: 26px;
    margin-right: 5px;
}

.user-select-list .selected-group {
    height: 26px;
    line-height: 26px;
    display: block;
    position: relative;
    border-bottom: 1px solid #E6E6E6;
    margin-bottom: 10px;
}

.user-select-list .selected-group > .return {
    height: 26px;
    line-height: 26px;
    position: absolute;
    top: 0;
    right: 0;
}

.file-list {
    padding: 20px;
}

.file-list .file-item {
    padding: 2px 10px 2px 2px;
    border: 1px solid #e9e9e9;
    margin-bottom: 5px;
    display: table;
}

.file-list .file-item:last-child {
    margin-bottom: 0;
}

.news-select-list {

}

.news-select-list .select-item {
    border: 1px solid #ccc;
    padding: 2px 7px 2px 2px;
    display: inline-block;
    border-radius: 15px;
    margin-right: 5px;
    position: relative;
    transition-duration: .1s;
}

.news-select-list .select-item:hover {
    padding-right: 22px;
}

.news-select-list .select-item .delete-btn {
    position: absolute;
    right: 5px;
    top: 5px;
    opacity: 0;
    transition-duration: .1s;
}

.news-select-list .select-item:hover .delete-btn {
    opacity: 1;
}

.news-select-list .select-item .avatar {
    width: 26px;
    height: 26px;
}

.news-select-list .select-item .item-name {
    vertical-align: middle;
}

.news-select-list .list-icon {
    width: 32px;
    height: 32px;
    line-height: 32px;
}

.task-process-list {
    padding: 0;
    border: 1px solid #e6e6e6;
    margin-top: 15px;
    border-top: 3px solid #ff9800;
    position: relative;
    margin-left: -15px;
    margin-right: 15px;
}

.task-process-list ul, .task-process-list ul li {
    list-style: none;
    margin: 0;
    padding: 0;
}

.task-process-list .title {
    padding: 0 15px;
    line-height: 42px;
    height: 42px;
    background-color: #f6f8f8;
    border-bottom: 1px solid #E8E8E8;
    box-sizing: border-box;
}

.task-process-list ul {
    margin: 25px 15px;
}

.task-process-list ul li {
    margin-left: 60px;
    background: #fff;
    border-radius: 8px;
    padding: 5px 15px 10px;
    margin-bottom: 20px;
    position: relative;
    margin-right: 15px;
    box-sizing: border-box;
}

.task-process-list:before {
    content: '';
    position: absolute;
    left: 42px;
    top: 42px;
    background: #E2E2E2;
    width: 1px;
    height: calc(100% - 42px);
}

.task-process-list ul li:before {
    content: '';
    position: absolute;
    top: 16px;
    right: 100%;
    height: 0;
    width: 0;
    border: 7px solid transparent;
    border-right: 7px solid #fff;
}

.task-process-list ul li:after {
    font-family: iconfont;
    content: '\e64c';
    color: #ccc;
    margin-left: -48px;
    left: 0;
    top: 5px;
    position: absolute;
    font-size: 22px;
    width: 30px;
    display: block;
    text-align: center;
}

.task-process-list ul li.ing:after {
    content: '\e64b';
    color: #27C24C;
}

.task-process-list ul li .item-info {
    display: table;
    width: 100%;
}

.task-process-list ul li .item-info .avatar {
    display: table-cell;
}

.task-process-list ul li .item-info .avatar > img {
    margin-top: 13px;
}

.task-process-list ul li .item-info .content {
    display: table-cell;
    padding: 0 15px;
}

.task-process-list ul li .item-info .content .name {
    font-size: 18px;
}

.task-process-list ul li .item-info .content .action {
    color: #ccc;
}

.task-process-list ul li.ing .item-info .content .action {
    color: #27C24C;
}

.task-process-list ul li .item-info .time {
    font-size: 12px;
    color: #B5B5B5;
    margin-top: 5px;
}

@media (max-width: 1200px) {
    .task-process-wrap .task-process-list {
        margin-left: 15px;
        margin-right: 15px;
    }
}